@import "_function.less";
@import "normalize.css";
.search{
  background-color: #e9e9e9;
}
.search
.header{
  background-color: #5ebbff;
  div{
    float: left;
    .h(90);
  }
  .return,.magnifier{
    width: 20%;
    text-align: center;
    i{
      .fs(45);
      .lh(90);
      color: #ffffff;
    }
  }
  .search-bar{
    width: 60%;
    input{
      display: block;
      .w(410);
      .h(56);
      .lh(56);
      .mt(17);
      .mb(17);
      .br(8);
      border: 0;
      padding: 0;
      .pl(10);
      outline: none;
      margin-left: auto;
      margin-right: auto;
    }
  }
}
.search
.popular{
  .mb(20);
  .p(40,50,40,50);
  background-color: #ffffff;
  h5{
    .fs(32);
    .mb(40);
    color: #666666;
  }
  a{
    float: left;
    .br(8);
    .mr(20);
    .mb(20);
    .p(10,10,10,10);
    color: #ffffff;
    background-color: #7dbdeb;
  }
}
.search
.history{
  .p(40,50,40,50);
  background-color: #ffffff;
  h5{
    .fs(32);
    .mb(40);
    color: #666666;
    span{
      float: right;
    }
  }
  a{
    float: left;
    .br(8);
    .mr(20);
    .mb(20);
    .p(10,10,10,10);
    color: #969696;
    background-color: #e9e9e9;
  }
}